<template>
    <div class="wz">
        <div class="title">
            <span class="span1"></span>
            <span class="span-text">{{test.title}}</span>
            <span class="span1"></span>
        </div>
        <div class="content border-1px" v-html="test.content">

        </div>
    </div>
</template>

<script>
export default {
    props:{
        test:{
            type:Object
        }
    },
    created(){
        console.log(this.test)
    },
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
@import "../../common/stylus/mixin.styl"
.wz 
    line-height:0px;
    margin:22px 0px;
    .title
        line-height:28px;
        .span1
            display:inline-block;
            width 26px
            height 3px
            background #3a96fe
            border-radius 10px
            vertical-align:middle;
        .span-text
            display:inline-block;
            margin:0px 12px;
            font-size:18px;
    .content
        text-align:justify;
        line-height:28px;
        padding-top:10px;
        padding-bottom:20px;
        border-1px(#ededed)
</style>

